/**
 * colors:
 * Green :	#008000, #99cc99, #c8ded0
 * Yellow:	#efc919
 */
html, body {
	width: 100%;
	height: 100%;
}
body {
	background-color: #ffffff;
}
p {
	word-wrap: break-word;
}
/* top bar */
.topbar {
	width: 100%;
	background-color: #eeeeee;
}
	.bar {
		width: 980px;
		margin: 0 auto;
	}
		.bar ul {
			height: 30px;
		}
		.bar li {
			line-height: 30px;
		}
		.bar a {
			display: inline-block;
			margin: 0 5px;
		}
		.login {
			float: left;
		}
			.login li {
				float: left;
			}
			.login label {
				padding: 0 5px 0 0;
			}
			.login input {
				margin: 0 5px 0 0;
			}
			.qq {
				padding: 0 0 0 16px;
				background: url(../images/qq.png) no-repeat left center;
			}
		.classroom {
			float: right;
		}
			.classroom li {
				float: left;
			}
			.classroom .last {
				margin: 0 0 0 5px;
			}
/* top bar END*/
/* main - contain: regist and login */
.main {
	width: 980px;
	margin: 0 auto;
	padding: 20px 0 30px;
	border-bottom: 1px solid #c8ded0;
}
/* regist */
	.regist {
		width: 669px;
		padding: 0 10px;
		float: left;
		border-right: 1px solid #c8ded0;
	}
	.notnull {
		background: url(../images/important.gif) no-repeat left center;
	}
		.title {
			line-height: 40px;
			border-bottom: 1px dotted #99cc99;
		}
			.title h2 {
				float: left;
				font-size: 14px;
			}
			.title span {
				float: right;
				padding: 0 0 0 16px;
			}
		.reg {
			width: 100%;
			margin: 10px 0 0;
		}
			.reg th,
			.reg td {
				line-height: 40px;
			}
			.reg th {
				width: 90px;
				padding: 0 10px 0 0;
				text-align: right;
				font-weight: normal;
			}
			.reg td {
				padding: 0 0 0 10px;
				text-align: left;
			}
			.middle { /* middle td style */
				width: 186px;
			}
				.radiotd label { /* td contains radio input */
					margin: 0 10px 0 2px;
				}
				.rad {
					outline: none;
					margin: 0;
					width: 16px;
					height: 16px;
					vertical-align: middle;
				}
				.inputd input,
				.verifytd input { /* td contains text input and verify input */
					padding: 2px;
					border: 1px solid #cccccc;
					height: 20px;
					width: 180px;
				}
				.verifytd input {
					width: 90px;
					vertical-align: middle;
				}
				.inputd input:focus,
				.inputd input:hover,
				.verifytd input:focus,
				.verifytd input:hover {
					border: 1px solid #008000;
					outline: none;
				}
				/*
					.inputd input:focus,
					.verifytd input:focus {
						background-color: #E7FFF1;
					}
				*/
				.verifytd img {
					width: 80px;
					height: 26px;
					margin: 0 0 0 10px;
					vertical-align: middle;
				}
				.chktd input { /* checkbox style */
					width: 16px;
					height: 16px;
					margin: 0 5px 0 0;
					vertical-align: middle;
				}
				.lastd span { /* last td style */
					display: block;
					padding: 0 0 0 20px;
					background: url(../images/error.png) no-repeat 2px 12px;
				}
				.word a,
				.word span { /* last td contains anchor element */
					display: inline-block;
				}
				.word span {
					margin: 0 0 0 10px;
				}
				.smsg { /* style of anchor for send message */
					text-indent: -9999em;
					background: url(../images/sendmsg.gif) no-repeat 0 -42px;
					width: 100px;
					margin: 0 0 0 4px;
				}
				.smsg:hover {
					background-position: 0 0;
				}
				.regbtn {
					text-indent: -9999em;
					background: url(../images/register.gif) no-repeat 0 0;
					width: 180px;
					height: 50px;
					margin: 10px 0;
					cursor: pointer;
				}
				.regbtn:hover {
					background-position: 0 -52px;
				}
/* login */
	.registed {
		width: 280px;
		padding: 0 0 0 10px;
		float: left;
	}
		.coologin li {
			line-height: 40px;
		}
		.coologin li a {
			margin: 0 0 0 5px;
			display: inline-block;
			line-height: 18px;
		}
		.registed .title a {
			display: inline-block;
			width: 80px;
			height: 20px;
			background: url(../images/rlogin.gif) no-repeat 0 0;
			text-indent: -9999em;
			vertical-align: middle;
			margin: 0 0 0 10px;
		}
		.registed .title a:hover {
			background-position: 0 -22px;
		}
/* main END*/
/* footer */
.footer {
	width: 980px;
	margin: 10px auto 0;
}
	.links {
		border: 1px solid #008000;
		padding: 5px 10px 15px;
	}
		.links h3 {
			line-height: 30px;
			font-size: 14px;
		}
		.linkto img {
			width: 112px;
			height: 42px;
			border: 1px solid #c8ded0;
		}
	.statement {
		text-align: center;
		margin: 10px 0 30px;
	}
		.contact {
			height: 20px;
			line-height: 20px;
		}
		.statement ul {
			display: inline-block;
		}
			.statement li {
				float: left;
				padding: 5px;
			}
/* footer END*/
/* for Login popup layer */
.cover {
	display: none;
	position: absolute;
	z-index: 99;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/cover.png) repeat 0 0;
}
	.loginpane {
		display: none;
		position: absolute;
		width: 305px;
		height: 390px;
		top: 50%;
		left: 50%;
		margin: -245px 0 0 -178px;
		padding: 20px 0 0 52px;
		background: url(../images/loginpane.gif) no-repeat 0 0;
	}
		.close {
			position: absolute;
			top: 5px;
			right: 5px;
			width: 14px;
			height: 14px;
			background: url(../images/close.png) no-repeat 0 0;
			text-indent: -9999em;
		}
		.close:hover {
			background-position: 0 -16px;
		}
		.loginlogo {
			height: 80px;
		}
		.loginform {}
			.fortype {
				height: 30px;
				line-height: 30px;
				padding: 11px 0 0;
			}
				.fortype label {
					font-size: 14px;
				}
			.typein {
				height: 43px;
				line-height: 43px;
			}
				.typein input {
					height: 37px;
					line-height: 37px;
					font-size: 18px;
					width: 242px;
					border: 1px solid #cccccc;
					padding: 2px 5px 2px;
				}
			.forgetpass {
				height: 62px;
				line-height: 62px;
			}
				.forgetpass a {
					text-decoration: underline;
				}
			.submit {
				margin: 4px 0 0;
				padding: 15px 0 0;
			}
				.submit ul {
					width: 180px;
				}
					.submit ul li {
						height: 18px;
						line-height: 18px;
						color: #ffffff;
					}
					.submit li a {
						color: #efc919;
						margin: 0 3px 0;
					}
				.loginow {
					width: 100px;
					height: 36px;
					cursor: pointer;
					text-indent: -9999em;
					background: url(../images/login.gif) no-repeat 0 0;
				}
				.loginow:hover {
					background-position: 0 -38px;
				}
/* Login popup layer END*/